<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + r
			
			equest.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta http-equiv="content-type" content="text/html;charset=utf-8">

<link rel="stylesheet" href="js/easyui/demo/demo.css" type="text/css"></link>
<link rel="stylesheet" href="js/easyui/themes/icon.css" type="text/css"></link>
<link rel="stylesheet" href="js/easyui/themes/default/easyui.css" type="text/css"></link>

<script type="text/javascript" src="js/easyui/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="script/common.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css">

<style type="text/css">
	.form-table {
		width:100%;
		padding: 20px 0px 20px 40px;
	}
	
	.form-table tr td {
		padding:5px;
	}
	
	.form-table tr td:first-child {
		width: 7.5em;
	}
	
</style>

<script type="text/javascript">

 	/**
	 * 根据制定页面跳转
	 */
	function reload() {
		var offset = document.getElementById("offset").value;
		var idx = (offset == null) ? 0 : parseInt(offset) - 1;
			
		window.location = 'crachooseCrafts?offset=' + idx;
	}
	
	/**
	 * 根据条件查询
	 */
	function query() {
	
		var code = $("#codeId").val();
		var name = $("#nameId").val();
		var stdPrice = $("#stdPriceId").val();
		
		window.location = 'crachooseCrafts?code='+ code+'&name='+ name
					+'&stdPrice='+ stdPrice;
		
	}
	
	/**
	* 翻到给定偏移量的页面
	*/
	function turnPage(offset){
		var code = $("#codeId").val();
		var name = $("#nameId").val();
		var stdPrice = $("#stdPriceId").val();
		
		window.location = 'crachooseCrafts?code='+ code+'&name='+ name
					+'&stdPrice='+ stdPrice+'&offset=' + offset;			
	}

	/**
	 * 添加工序按钮点击事件
	 */
	function addCraft(){
		var newPartId = $("#newPartId").val();	//获取新建部位ID
		
		//判断新建部位是否保存草稿状态产生部位ID，如果没产生，提醒先保存草稿，如果已经存在部位名称，弹出工序选择框（减少无意义数据）
		if(newPartId==undefined){
			$.messager.show({
							
				msg : '<div style="width:100%"><div style="line-height:50px;text-align:center;">请先保存草稿</div></div>',
				timeout : 800,
				showSpeed : 200,
				showType : 'show',
				style : {
					right : '',
					top : 200,
					bottom : ''
				}
			});
		}else{
		
			$("#chooseCrafts").window('open');
		}
	}
	
	/**
	 * 选择工序（单击弹出框行，进行工序选择）
	 * @param index
	 * @param value
	 */
	function chooseCrafts(index,value){ 
		var craftCode = value['craftCode'].trim();	//获取选择工序的工序编码
		var rows = $('#partCrafs').datagrid('getRows');	//获取已选择工序行集合
		var isExist = 0;	//判断是否已经选择（初始为0，如果已经在工序行集合里，遍历时加一，表明已经存在，不能重复添加）
		
		//遍历已选择工序行集合
		for(var i=0; i<rows.length; i++){
			if(rows[i].craftCode == craftCode){
				isExist = isExist + 1;
			}
		}
		
		//如果存在不进行添加（信息框显示已经添加），如果不存在，继续添加
		if(isExist==0){
			$('#partCrafs').datagrid('appendRow',value);
		}else{
			$.messager.show({
				msg : '<div style="width:100%"><div style="line-height:50px;text-align:center;">该工序已经添加！</div></div>',
					timeout : 800,
					showSpeed : 200,
					showType : 'show',
					style : {
						right : '',
						top : 200,
						bottom : ''
					}
			});
		}
	}
	
	/**
	 * 操作列（删除操作）
	 */
	function rowformater(value,row,index){
		return "<a onclick='deleteRow("+index+")' >删除</a> ";
	}
	
	/**
	 * 删除某行数据
	 */
	function deleteRow(rowId){
		var msg = "确定要删除该工艺选项吗？";
		if (confirm(msg) == true) {
			$('#partCrafs').datagrid('deleteRow',rowId);
			
			var rows = $('#partCrafs').datagrid('getRows');
			var lastIndex = rows.length-1;
			
			$('#partCrafs').datagrid('beginEdit', lastIndex);	//开启单元格编辑器
			$('#partCrafs').datagrid('endEdit', lastIndex);		//关闭单元格编辑器
		}
	}
	
	/**
	 * 保存草稿
	 */
	 function draftSave(){
	 	$.ajax({
			type : 'POST',
			url : 'ppartdraftSavePart.action',
			data : null,
			dataType : 'json',
			success : function(data) {
				$.messager.show({
					msg : '<div style="width:100%"><div style="line-height:50px;text-align:center;">保存草稿成功！</div></div>',
						timeout : 800,
						showSpeed : 200,
						showType : 'show',
						style : {
							right : '',
							top : 200,
							bottom : ''
						}
				});
			}
		})
	 }
	 
	 /**
	 * 保存部位信息
	 */
	 function saveProductPart(){
	 	var newPartId = $("#newPartId").val();	//获取新建部位ID
	 	var isDraftPart = true;
	 	
	 	
	 	
	 	if(newPartId==undefined){
	 		isDraftPart = false;
	 	}
	 	
	 	$.ajax({
			type : 'POST',
			url : 'ppartsaveProudctPart.action',
			data : {
				
			},
			dataType : 'json',
			success : function(data) {
				$.messager.show({
					msg : '<div style="width:100%"><div style="line-height:50px;text-align:center;">保存草稿成功！</div></div>',
						timeout : 800,
						showSpeed : 200,
						showType : 'show',
						style : {
							right : '',
							top : 200,
							bottom : ''
						}
				});
			}
		})
	 }
</script>

<body>
	<div id="chooseCrafts" class="easyui-window" title="选择工艺"
		collapsible="false" minimizable="false" maximizable="false" closed="true"  modal="true"
		style="width:900px; padding: 10px 20px;" href="crachooseCrafts"> 
	</div>  
	<div id="content" style="width: 100%;">
		<form action="" id="saveProductPartForm" method="post">
			<div id="contentOne" style="width: 70%;float: left;">
				<table class="form-table">
					<tr>
						<td>部件</td>
						<td>
							<input id="partId" name="productPart.applicablePart.aplId" class="easyui-combobox" style="width:148px;height:26px" prompt="工艺类型"
						 		data-options="valueField:'aplId',textField:'partName',url:'apartloadAllApartList',panelHeight:100" />
						</td>
						<td>参考产品编码</td>
						<td>
							<input class="easyui-textbox" id="" name="productPart.productCode" value="" style="height: 26px;" prompt="参考产品编码" />
						</td>
					</tr>
					
					<tr>
						<td>部位编码</td>
						<td>
							<input class="easyui-textbox" id="" name="productPart.partCode" value="" style="height: 26px;" prompt="部位编码" />
						</td>
						<td>尺寸范围</td>
						<td>
							<input class="easyui-textbox" id="" name="productPart.sizeRange" value="" style="height: 26px;" prompt="尺寸范围"/>
						</td>
					</tr>
					
					<tr>
						<td>部件价格</td>
						<td>
							<input class="easyui-textbox" id="" name="productPart.totalPrice" value="" style="height: 26px;" prompt="部件价格"/>
						</td>
					</tr>
					
					<tr>
						<td>部件标准</td>
						<td colspan="3">
							<input class="easyui-textbox" id="" name="productPart.partStandard" value="" style="height: 60px; width: 570px;" data-options="multiline:true" />
						</td>
					</tr>
					
					<tr>
						<td>备注</td>
						<td colspan="3">
							<input class="easyui-textbox" id="" name="productPart.memo" value="" style="height:60px; width: 570px;" data-options="multiline:true" />
						</td>
					</tr>
					
				</table>
			</div>	
			<div id="contentTwo" style="width: 30%; float: left;">
				<div style="padding-top: 40px;">
					<a>上传</a><span>(*部位示意图)</span>
				</div>
				<img style="width: 200px; height: 200px;" id="partImage"  alt="" src=""  onerror="this.src='images/noPhoto.jpg'"></img>
			</div>
		</form>
		<div style="width: 85%;margin-left: 45px;">
			<div style="float: left;width: 100%;margin-bottom: 15px;">
				<a onclick="addCraft()" class="easyui-linkbutton"
					data-options="iconCls:'icon-add'" style="margin-right: 10px;">新增</a>
				<input id="newPartId" type="hidden" value="" /> 
			</div>
			<div style="float: left;width: 100%">
				<table class="easyui-datagrid" style="width:95%;" singleSelect="true" id="partCrafs">
					<thead>
						<tr>
							<th data-options="field:'code'" width="" align="center">序号</th>
							<th data-options="field:'craftCode'" align="center">工艺编码</th>
							<th data-options="field:'craftName '" align="center" width="110px;">工艺名称</th>
							<th data-options="field:'typeName'" align="center">工艺类型</th>
							<th data-options="field:'count'" align="center">工艺次数</th>
							<th data-options="field:'gradeName'" align="center">工艺等级</th>
							<th data-options="field:'wageUnit'" align="center" width="110px;">工价</th>
							<th data-options="field:'stdTime'" align="center">标准工时</th>
							<th data-options="field:'output'" align="center">标准产量</th>
							<th data-options="field:'stdPrice'" align="center">标准价格</th>
							<th data-options="field:'demand'" align="center">工艺要求</th>
							<th data-options="field:'memo'" align="center">备注</th>
							<th data-options="field:'operations' ,width:100, formatter:rowformater">操作</th>
						</tr>
					</thead>
				</table>
				<div style="float: right; padding:20px 55px 0px 0px;">
					<a class="easyui-linkbutton" onclick="removeCurrentPanel();" style="margin-left: 10px;">返回</a>
					<input id="save" class="easyui-linkbutton" type="button" value="保存草稿" style="padding: 5px 12px 5px 12px;"/>
					<input id="save" class="easyui-linkbutton" type="button" value="保存" style="padding: 5px 12px 5px 12px;"/>
				</div>
			</div>
		</div>
	</div>
</body>
</html>